.TeamSelectRoot{
	width: 100%;
	height: 100%;
}

#herolist{
	width: 100%;
	height: 400px;
	vertical-align: middle;
	flow-children:right;
	background-image: url("s2r://panorama/images/hud/reborn/ability_bg_psd.vtex");
	background-size: 100%;
	horizontal-align:center;
}

.heroframe{
	flow-children:down;
	width: 16%;
	height: 300px;
}

.btn_select{
	margin-top: 10px;
	width: 200px;
	height: 50px;
	horizontal-align:center;
}


#StartGameCountdownTimer
{
	width: 96px;
	margin-top: 32px;
}

#TeamSelectTimer
{
	margin-top: 8px;
    font-size: 48px;
    color: #CCCCCC;
	horizontal-align: center;
}

#StartGameCountdownTimer.countdown_inactive #TeamSelectTimer 
{
    opacity: 0.0;
}

#TimerBg
{
	wash-color: #222222;
}

#TimerBg,
#TimerRing
{
	width: 70px;
	height: 70px;
	margin-top: 2px;
	horizontal-align: center;
    transition-property: opacity;
    transition-duration: 0.2s;
}

#TimerLabelBox 
{
	margin-top: 76px;
    height: 20px;
    width: 100%;
}

#TimerLabelAutoStart
{
    color: #a9aaaa;
    font-size: 16px;
	text-transform: uppercase;
	horizontal-align: center;
    visibility: collapse;
    transition-property: opacity;
    transition-duration: 0.2s;
}

#StartGameCountdownTimer.auto_start #TimerLabelAutoStart 
{
    visibility: visible;
}

#TimerLabelGameStart
{
    color: #a9aaaa;
    font-size: 16px;
	text-transform: uppercase;
	horizontal-align: center;
    visibility: collapse;
    transition-property: opacity;
    transition-duration: 0.2s;
}

#StartGameCountdownTimer.forced_start #TimerLabelGameStart 
{
    visibility: visible;
}


#StartGameCountdownTimer.countdown_inactive #TimerBg,
#StartGameCountdownTimer.countdown_inactive #TimerRing,
#StartGameCountdownTimer.countdown_inactive #TimerLabelAutoStart,
#StartGameCountdownTimer.countdown_inactive #TimerLabelGameStart,
{
    opacity: 0;
}

#playerList{
	width: 500px;
	height: 100px;
	flow-children:right;
	horizontal-align:center;
	margin-top: 100px;
}

.playerframe{
	flow-children:down;
	height: 100%;
	width: 20%;
	margin-left: 15px;
}
.selecthero{
	width: 100%;
	height: 100%;
}

.username{
	font-size: 24px;
	horizontal-align:center;
	vertical-align: middle;
	margin-top: 5px;
	color:#ff8800;
}

.btn_hero{
	background-color: #272822;
	height: 70%;
	width: 100%;
}